<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="format-detection" content="telephone=no">
	<title>현대자동차 인재채용 시스템</title>
	<link rel="apple-touch-icon" href="../images/icon.png" />
	<link rel="shortcut icon" href="../images/icon.png" />
	<link href="../css/style.css" rel="stylesheet" />
	
	<script src="../js/inc.util.modernizr.js"></script>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/front_ui.js"></script>	
</head>
<body>
	<div class="wrap">
		<div class="side-menu">
			<span class="logo"></span>
			<ul class="menu">
				<li class="new current"><a href="#">신입채용</a></li>
				<li class="career"><a href="#">경력상시채용</a></li>
				<li class="foreign"><a href="#">해외채용</a></li>
				<li class="time"><a href="#">시간제 일자리채용</a></li>
				<li class="db"><a href="#">인재DB</a></li>
				<li class="the-h"><a href="#">The H</a></li>
				<li class="faq"><a href="#">문의하기</a></li>
				<li class="fb"><a href="#">인재채용 FACEBOOK</a></li>
				<li class="my"><a href="#">마이페이지</a></li>
			</ul>
			<p class="opt">
				<a href="#">PC버전</a><a href="#">로그아웃</a>
			</p>
		</div><!-- // .side-menu -->

		<div class="cont" id="HDcont">
			<div class="c-head line-blue">
				<h1>The H</h1>
				<a href="#" class="menu" id="HDmenuSlide">메뉴</a>
				<a href="#" class="account">로그인</a>
				<!-- 로그인 후// <a href="#" class="account">홈</a> -->
			</div>
			<div class="c-body">
				<div class="toggle-content">
					<div class="item">
						<h2 class="tg-t">The H란?</h2>
						<div class="tg-c">
							<p>Spec을 위해 특이한 경험도 일부러 만드는, 취직을 위한 노력이 왜곡된 사회에 대한 안타까움과 인성이 결국 인재 채용의 중심이 되어야 한다는 필요성으로 새로운 채용 프로그램 신설에 대한 고민을 시작하였습니다.<br>
							The H는 이런 현대 자동차의 고민과, 전형과정을 거치며 기업과 지원자가 함께 성장하는 채용프로그램을 만들겠다는 목표가 담긴 채용 프로그램 입니다.<br>
							바른 생각과 됨됨이를 지닌 인재 여러분을 The H에 초대합니다.</p>
						</div>
					</div>
					<div class="item">
						<h2 class="tg-t">Casting</h2>
						<div class="tg-c">
							<div class="tab-casting">
								<a href="#casting1" class="current">찾아가는 Casting</a>
								<a href="#casting2">찾아오는 Casting</a>
							</div>
							<div class="tab-cont" id="casting1">
								지원서 제출을 클릭할 때까지 기다리는 것이 아닌, 직접 찾아가서 발굴!<br>
								현대자동차 인사담당자들이 여러분의 공간으로 들어갑니다! 자신의 공간에서 열정과 땀으로 꿈을 위해 정진하고 있을 당신, 프로의식의 가치를 알고 실력을 갈고 닦고 있을 당신, 지금 만나러 갑니다.
							</div>
							<div class="tab-cont" id="casting2" style="display:none;">
								현대자동차 인사담당자들 꼭 만나보고 싶어했던 당신을 위한 자리!<br>
								도대체 어디서 현대자동차 인사담당자를 만날 수 있냐며 고민했던 당신을 위해 준비했습니다. 월 별 만남의 주제를 확인 후(YOUNG HYUNDAI 홈페이지 및 FACEBOOK 공지)상담센터 신청! CASTING의 기회를 잡으십시오!
							</div>
						</div>
					</div>
					<div class="item">
						<h2 class="tg-t">The H 상담센터 운영원칙</h2>
						<div class="tg-c">
							<ul>
								<li>The H 상담센터는 사전 예약제로 운영됩니다.<br>
								사전예약이 완료되신 분들은 방문 전에 발송되는 메시지 안내에 따라 방문하시면 됩니다.</li>
								<li>현대자동차 본사 사옥을 방문하시는 분들께는 보안상 개인정보의 사전제공을 요청할 수 있으므로, 반드시 동의하셔야만 상담이 가능합니다.</li>
								<li>상담은 1인 1회로 제한되며, 1인의 상담시간은 30분을 초과할 수 없습니다.</li>
								<li>상담센터 예약 및 운영관련 질문은 현대자동차 채용 페이스북에 남겨주세요.</li>
							</ul>
							<a href="#" class="btn-pc">PC버전 보기</a>
						</div>
					</div>
				</div>
			</div>
		</div><!-- // .cont -->
	</div><!-- // .wrap -->
</body>
</html>